<template>
	<div>

		<el-progress type="line" :percentage=progress :show-text="false" :width="100"></el-progress>

		<h1>欢迎来到胖虎到家后台管理页面！</h1>



	</div>
</template>

<script>
	export default {
		data() {
			return {
				progress: 0,
				intervalId: null,


			}
		},
		methods: {
			startProgress() {
				this.progress = 0; // 重置进度条
				this.intervalId = setInterval(() => {
					this.progress += 1; // 每次增加 1%
					if (this.progress >= 100) {
						clearInterval(this.intervalId); // 进度达到 100% 时停止计时器
					}
				}, 10); // 每 100 毫秒增加 1%
			}
		},

		mounted() {
			this.startProgress()
		},

		beforeDestroy() {
			if (this.intervalId) {
				clearInterval(this.intervalId); // 组件销毁时清除计时器
			}
		}

	}
</script>

<style scoped>
	h1 {
		font-size: 36px;
		text-align: center;
		opacity: 0.8;


	}
</style>